/* pages/cart/index.wxss */
page {
  padding-bottom: 90rpx;
}

.address_wrap {
  .addr_btn {
    padding: 20rpx;
    button {
      width: 60%;
    }
  }
  .addr_user {
    height: 160rpx;
    background-color: #fff;
    padding: 20rpx;
    display: flex;
    .addr_icon {
      height: 100%;
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .user_info{
      flex: 5;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      padding-left: 10rpx;
      .user_name{
        font-size: 28rpx;
        color: #191919;
      }
      .user_phone{
        font-size: 26rpx;
        color: #888888;
      }
      .user_addr{
        font-size: 26rpx;
        color: #888888;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
      }
    }
  }
}

.iconfont {
  font-size: 55rpx;
  color: rgba(138, 136, 136, .8);
}

 .cart_content {
   .cart_head {
     display: flex;
     justify-content: space-between;
     border-bottom: 12rpx solid #eee;
     .cart_title {
       padding: 20rpx;
       font-size: 22rpx;
       color: #191919;
     }
     .cart_clear {
       padding: 20rpx;
       font-size: 22rpx;
       color: #888888;
     }
  }
   .cart_main {
     .cart_null_img {
       display: flex;
       width: 60%;
       margin: auto;
     }
     .cart_item {
      display: flex;
      padding: 20rpx;
      border-bottom: 1px solid lightblue;
       .item_check_wrap {
         flex: 1;
         display: flex;
         justify-content: center;
         align-items: center;
      }
      .item_img_wrap {
        flex: 2;
        display: flex;
         justify-content: center;
         align-items: center;
        image{
         width: 85%; 
        }
      }

       .item_info_wrap {
         flex: 6;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         .goods_name {
           color: #191919;
           font-size: 26rpx;
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }

         .goods_price_wrap {
           display: flex;
           justify-content: space-between;
           .goods_price {
            color: var(--themeColor);
            font-size: 30rpx;
            padding-left: 20rpx;
          }

           .cart_num_tool {
             display: flex;
             padding-right: 30rpx;
             .num_edit {
              width: 45rpx;
              height: 45rpx;
              display: flex;
              justify-content: center;
              align-items: center;
            }
             .goods_num {
              width: 45rpx;
              height: 45rpx;
              display: flex;
              justify-content: center;
              align-items: center;
            }
          }
        }
      }
    }
  }
}

.footer_tool {
  position: fixed;
  display: flex;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90rpx;
  background-color: #fff;
  border-top: 1px solid #ccc;
 .all_check_wrap {
   flex: 2;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 24rpx;
  }

 .total_price_wrap {
   flex: 5;
   padding-right: 25rpx;
   text-align: right;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   .total_price {
      .price_text {
        padding-left: 10rpx;
        color: var(--themeColor);
        font-size: 32rpx;
      }
    }
    .total_tip{
      font-size: 22rpx;
      color: #888888;
    }
  }

 .order_pay_wrap {
    flex: 2;
    background-color: var(--themeColor);
    color: #fff;
    font-size: 28rpx;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}